<script setup lang="ts">
//





</script>

<template>
  <view class=“content_image”>
    <image
      src="https://ts1.cn.mm.bing.net/th?id=OIP-C.AIQ7W47ZpNMoFMxxImUGkwHaEK&w=333&h=187&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"
      mode="scaleToFill" />

    <view class="content_info">
      <image src="https://tse2-mm.cn.bing.net/th/id/OIP-C.y6K1Kmz0ydTr4mv-4VtHdgAAAA?w=199&h=199&c=7&r=0&o=5&pid=1.7"
        mode=""></image>
      <view class="username">
        <!-- {{userinfo.nickName}} -->
        遥云呀
      </view>
      <!-- <view class="select">
					<view >收藏店铺 12</view>
					<view @click="myCollect">收藏商品 ({{collectNum}})</view>
				</view> -->
    </view>


    <view class="other">

      <view class="other_wait_see">
        <uni-card :is-shadow="false">
          <text>我的电影票</text>
        </uni-card>
        <!-- <image src="../../static/my/right.png" mode="widthFix"></image> -->
      </view>
      <view class="other_wait_see">
        <uni-card :is-shadow="false">
          <text>我的待看</text>
        </uni-card>
        <!-- <image src="../../static/my/right.png" mode="widthFix"></image> -->
      </view>
      <view class="other_wait_see">
        <uni-card :is-shadow="false">
          <text>我的想看</text>
        </uni-card>
        <!-- <image src="../../static/my/right.png" mode="widthFix"></image> -->
      </view>
      <view class="other_history">
        <uni-card :is-shadow="false">
          <text>观看历史</text>
        </uni-card>
        <!-- <image src="../../static/my/right.png" mode="widthFix"></image> -->
      </view>
      <view class="other_our">
        <uni-card :is-shadow="false">
          <text>联系我们</text>
        </uni-card>
      </view>

      <view class="other_our">
        <uni-card :is-shadow="false">
          <text>退出登录</text>
        </uni-card>
      </view>
    </view>

  </view>
</template>

<style lang="scss">
.content_image {



  height: 250rpx;
  position: relative;


  >image {
    // 高斯模糊
    filter: blur(3rpx);
    width: 100%;
  }



  .content_info {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-top: 15%;
    margin-left: 5%;
    border-radius: 20rpx;
    width: 90%;
    height: 250rpx;
    // background-color: #fff;

    image {
      margin-top: -40rpx;
      width: 130rpx;
      height: 130rpx;
      border-radius: 50%;
    }

    // .username {}
  }



}

.other {
  margin: 10rpx 40rpx;
  height: 190rpx;
  width: 90%;
  border-radius: 20rpx;
  background-color: #fff;



}
</style>
